import React, { Component } from 'react'
import { Button } from 'antd'

export default class Count extends Component {
  state = {
    count: 0,
  }

  add = () => {
    // 对象
    // this.setState({ count: this.state.count + 1 }, () => {
    //   // 在更新完state、执行完render之后执行
    //   console.log('新的state值', this.state.count);
    // });

    // 函数式
    this.setState(state => ({ count: state.count + 1 }), () => {
      console.log('新的state值', this.state.count);
    });
  }

  render() {
    return (
      <div>
        <h2>当前求和的值: {this.state.count}</h2>
        <Button type="primary" onClick={this.add}>点我+1</Button>
      </div>
    )
  }
}
